<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有声相册</title> 
</head>
<body>
    <link rel="stylesheet" href="有声相册.css">
<div class="tou">
    <p><strong>韩苏念的有声相册</strong></p>
    <hr>
    <nav>
        <ul>       
            <li>
                <a href="#a"><h2>美女</h2></a>
                <a href="#b"><h2>丑男</h2></a>
                <a href="#c"><h2>科学家</h2></a>
                <a href="#d"><h2>企业家</h2></a>
            </li>
        </ul>
    </nav> 
    <hr>
</div>
<div>
    <div class="tu">
        <section id="a">
        <h2>美女</h2>
            <a href="宝宝.html" target="_blank"><img title="宝宝" src="宝宝1.jpg" width="320" alt="宝宝"></a>
            <a href="宝宝.html" target="_blank"><img title="宝宝" src="宝宝2.jpg" width="320" alt="宝宝"></a>
            <a href="宝宝.html" target="_blank"><img title="宝宝" src="宝宝3.jpg" width="320" alt="宝宝"></a>
        </section>
    </div>
    <div class="tu">
        <section id="b">
        <h2>丑男</h2>  
            <a href="丑男.html" target="_blank"><img title="丑男" src="丑男1.jpg" width="300" alt="丑男"></a>
            <a href="丑男.html" target="_blank"><img title="丑男" src="丑男2.jpg" width="305" alt="丑男"></a>
            <a href="丑男.html" target="_blank"><img title="丑男" src="丑男3.jpg" width="400" alt="丑男"></a>
        </section>
    </div>
    <div class="tu">
        <section id="c">
        <h2>科学家</h2>
            <a href="邓稼先.html" target="_blank"><img title="邓稼先" src="邓稼先1.jpg" width="300" alt="邓稼先"></a>
            <a href="邓稼先.html" target="_blank"><img title="邓稼先" src="邓稼先3.jpg" width="320" alt="邓稼先"></a>
            <a href="邓稼先.html" target="_blank"><img title="邓稼先" src="邓稼先2.jpg" width="350" alt="邓稼先"></a>
        </section>
    </div>
    <div class="tu">
        <section id="d">
        <h2>企业家</h2>
            <a href="马云.html" target="_blank"><img title="马云" src="马云1.jpg" width="300" alt="马云"></a>
            <a href="马云.html" target="_blank"><img title="马云" src="马云2.jpg" width="300" alt="马云"></a>
        </section>
    </div>
</div>
<hr>
</body>
</html>